<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>订单确认</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../css/main.css" />
<!--[if lt IE 9]>
<script src="../js/html5.js "></script >
<script src="../js/respond.min.js "></script >
<![endif]-->
<script src="../js/jquery.js"> </script>
<script src="../js/base.js"></script>
<script src="../js/common.js"></script>
</head>

<body>




<section class="receiveorder main">
	<header class="white">
    	<span><</span>确认订单
    </header>
    <h3>请在1:00前支付，否则订单自动取消</h3>
    <ul>
    	<li>
        	<img class="tip tipleft" src="../images/personblack.png">
            起点
        	<img class="tip tipright" src="../images/arrowtipright.png">
        </li>
    	<li>
        	<img class="tip tipleft" src="../images/personblack.png">
            终点
        	<img class="tip tipright" src="../images/arrowtipright.png">
        </li>
    	<li>
        	<img class="tip tipleft" src="../images/personblack.png">
            明天9:00出发
        	<img class="tip tipright" src="../images/arrowtipright.png">
        </li>
    </ul>
    <ul>
    	<li>
        	<img class="tip tipleft" src="../images/personblack.png">
            手机号：<span class="textright">121221212</span>
        	<img class="tip tipright" src="../images/arrowtipright.png">
        </li>
    	<li>
        	<img class="tip tipleft" src="../images/personblack.png">
            2人乘车
        	<img class="tip tipright" src="../images/arrowtipright.png">
        </li>
    </ul>
    <ul>
    	<li>
        	<img class="tip tipleft" src="../images/personblack.png">
            愿意拼车  享受折扣
            <span class="tip switch tipright"></span>
        </li>
    	<li>
        	<img class="tip tipleft" src="../images/personblack.png">
            此次订单金额<span class="price textright"><strong>¥1250</strong></span>
        	<img class="tip tipright" src="../images/arrowtipright.png">
        </li>
    </ul>
    
    <div class="btnbox">
    	<a href="javascript:void(0);" class="tabsection" data-tab="success">确认订单</a>
    </div>
</section>  

<section class="recordsuccess success">
	<header class="white">
    	<span class="tabsection" data-tab="main"><</span>确认订单
    </header>
    <img src="../images/personblack.png">
    <h3>接单成功</h3>
    <h5>祝你生活愉快</h5>
    <div class="btnbox">
    	<a href="javascript:void(0);">返回首页</a>
    </div>
	
</section>
     
<script>
	$(".switch").click(function(){
		$(this).toggleClass("on");
	})
	
	
</script>


</body>
</html>
